<template>
  <div class="left">
    <div class="left-nav">
      <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        unique-opened
        router
        background-color="#5357b1"
        text-color="#b4b5d7"
        active-text-color="#fff"
      >
        <el-submenu index="1">
          <template slot="title">
            <i class="el-icon-s-order"></i>
            <span>每日快报</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/tiwen">体温快报</el-menu-item>
            <el-menu-item index="/homego">进出快报</el-menu-item>
            <el-menu-item index="/abnormal">异常快报</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
         <el-submenu index="2">
          <template slot="title">
            <i class="el-icon-s-order"></i>
            <span>师生管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="1-1">返校管理</el-menu-item>
            <el-menu-item index="1-2">一人一档</el-menu-item>
            <el-menu-item index="1-3">报表下载</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
         <el-submenu index="3">
          <template slot="title">
            <i class="el-icon-s-order"></i>
            <span>监护隔离管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/tiwenchaxun">体温查询</el-menu-item>
            <el-menu-item index="/zhongdiangjianhu">重点监护查询</el-menu-item>
            <el-menu-item index="/quarantine">医学隔离查询</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
         <el-submenu index="4">
          <template slot="title">
            <i class="el-icon-s-order"></i>
            <span>疫情排查</span>
          </template>
          <el-menu-item-group>

            <el-menu-item index="/jinchu">进出校门排查</el-menu-item>
            <el-menu-item index="/guiji">活动轨迹排查</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
      </el-menu>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  }
};
</script>
<style scoped>
.left {
  width: 230px;
  height: 100%;
  background-color: #5357b1;
  position: fixed;
  top: 68px;
}
.left-nav {
  width: 230px;
}
</style>